<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="../../plugins/mui/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/chineseHospital/doctor_detail.css" />
		<script src="../../js/statistics.js"></script>
		<style>
			.header a{
				color:#fff;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav header">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			
		</header>
		<div class="body">
			
		</div>
		<script src='../../plugins/jquery/jquery-3.1.0.min.js'></script>
		<script src="../../plugins/mui/mui.min.js"></script>
		<script src="../../js/getApiToken.js"></script>
		<script src='../../plugins/template/template.js'></script>
		<script type="text/javascript" src="../../js/md5.js" ></script>
		<script src='../../plugins/fontset/fontset.js'></script>
		<script type="text/html" id="title">
			<div>
				<img src="../../images/icon/chineseHospital/doctor.png">
				<p>{{data.name}} / <i>{{data.position}}</i></p>
				<p>溧阳市中医院  &nbsp;{{data.office}}</p>
			</div>
		</script>
		<script type="text/html" id="body">
			
			<div class="synopsis">
				<p><span></span>医生简介</p>
				<div>
					{{data.introduce}}
				</div>
			</div>
			<div class="area">
				<p><span></span>专长领域</p>
				<div>
					{{data.good}}
				</div>
			</div>
		</script>
		<script type="text/javascript">
			mui.init();
			
			mui.plusReady(function(){
				var ysbm = plus.webview.currentWebview().ysbm;
				myAjax('home/Hospital_service/introduce','get',{'iysbm':ysbm},function(data){
					if(data.code == 1){
						initData(data.data);
					}
				})
			});
			function initData(data){
				var body = {
					data:data
				};
				var html = template('title',body),
					html2 = template('body',body)
				$(".header").append(html);
				$(".body").html(html2);
			}
		</script>
	</body>
</html>